/* pages/profile/personalization/index.wxss */
.container {
  padding-left: 0;
  padding-right: 0;
  .personalizationBox {
  padding-left: 40rpx;
  padding-right: 40rpx;
  padding-top: 3vw;
  box-sizing: border-box;
  }

  h1 {
    font-family: PingFang SC-Medium;
    font-weight: 500;
    font-size: 32rpx;
    color: #313131;
    line-height: 48rpx;
    margin-bottom: 10rpx;
  }

  .grayBtnView {
    margin-top: 60rpx;
    background-color: #e5e5e5 !important;
    border: 0px solid #fff;
    width: calc(100vw - 80rpx);
    margin: 60rpx 0 60rpx;
    height: 84rpx;
    border-radius: 200rpx;
    padding: 19rpx;
    box-sizing: border-box;
    text-align: center;
  }

  .minGrayBtnView {
    width: 46%;
    text-align: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 28rpx;
    color: #313131;
    background-color: #e5e5e5 !important;
    line-height: 44rpx;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 80rpx;
    padding: 12rpx 0;
    box-sizing: border-box;
  }

  .texeareaBox {
    position: relative;
    border: 2rpx solid rgba(0, 0, 0, 0.1);
    padding: 1rpx 30rpx;
    border-radius: 20rpx;
    margin: 0 0 20rpx 0;

    .textNumBox {
      position: absolute;
      bottom: 20rpx;
      right: 40rpx;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 24rpx;
      color: rgba(0, 0, 0, 0.5);
      line-height: 40rpx;
    }
  }

  .the-tip {
    font-family: PingFang SC-Regular;
    font-weight: 400;
    font-size: 24rpx;
    color: #313131;
    line-height: 40rpx;
    margin: 20rpx 0;
  }

  .picTipBox {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20rpx;
    color: #b6b6b6;
    line-height: 23rpx;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin: 0 0 30rpx;
  }

  .user-description {
    width: 100%;
    margin: 20rpx 0 30rpx;
    height: 360rpx;
    font-family: PingFang SC-Regular;
    font-weight: 400;
    font-size: 28rpx;
    color: #313131;
    line-height: 44rpx;
    flex-wrap: wrap; /* 允许项目在必要时换行 */
    overflow-wrap: break-word;
    word-break: break-all;
    line-break: anywhere;
    &::placeholder {
      color: rgba(49, 49, 49, 0.5);
    }
  }

  .upload-pic {
    margin: 20rpx 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30rpx;
    row-gap: 20rpx;

    .pic-item {
      width: calc((98% - 70rpx) / 3);
      height: 300rpx;
      background: #FFF0E6;
      border-radius: 20rpx;
      border: 2rpx solid rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;

      .add-pic {
        width: 108rpx;
        height: 108rpx;
      }

      .pic-img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 20rpx;
      }

      .delete-pic {
        width: 32rpx;
        height: 32rpx;
        position: absolute;
        top: 10rpx;
        right: 10rpx;
        z-index: 999;
      }
    }
  }

  .pic-visible {
    margin-top: 20rpx;
    display: flex;
    align-items: center;
    column-gap: 20rpx;
    font-family: PingFang SC-Regular;
    font-weight: 400;
    font-size: 24rpx;
    color: #313131;
    line-height: 40rpx;

    .check-box,
    .check-box-checked {
      width: 32rpx;
      height: 32rpx;
    }
  }

  .btn-area .form-submit-btn {
    margin-top: 60rpx;
    width: 100%;
    height: 84rpx;
    background: #FF7828;
    border-radius: 200rpx;
    padding: 16rpx 0;
    box-sizing: border-box;
    padding: 16rpx 0;
    box-sizing: border-box;
  }

  .bottomBtnBox {
    width: 96%;
    height: auto;
    margin: 26rpx auto;

    .previousBox {
      width: 47%;
      text-align: center;
      font-family: PingFang SC, PingFang SC;
      font-weight: 500;
      font-size: 28rpx;
      color: #313131;
      line-height: 44rpx;
      text-align: center;
      border: 1px solid #313131;
      border-radius: 80rpx;
      padding: 10rpx 0;
      box-sizing: border-box;
    }

    .nextBox {
      width: 47%;
      text-align: center;
      font-family: PingFang SC, PingFang SC;
      font-weight: 500;
      font-size: 28rpx;
      line-height: 44rpx;
      background: #FF7828;
      color: #fff;
      border-radius: 80rpx;
      padding: 15rpx 0;
      box-sizing: border-box;
    }
  }

}